<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="format-detection" content="telephone=no" />
    <meta charset="UTF-8" />
    <title>Unlock</title>
    <script type="text/javascript" src="../../../lib/js/require.js"></script>
    <script type="text/javascript" src="../../../lib/js/jquery.js"></script>
    <script type="text/javascript" src="../../../lib/js/validate_UI.js"></script>
    <script type="text/javascript" src="../../../lib/js/jq.js"></script>
    <script type="text/javascript" src="../../../lib/js/iscroll.js"></script>
    <script type="text/javascript" src="../../../lib/js/dove.js"></script>
    <script type="text/javascript" src="../../../lib/js/webtrends.js"></script>
    <script type="text/javascript" src="unlock.js"></script>
    <!-- Link Roboto fonts from Google for local development,
         since Windows does not have these fonts installed.
         The below line should be removed / comment in PROD
    <link href="http://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet" type="text/css" /> -->
    <link href="../../../lib/css/uicsBase.css" rel="stylesheet" type="text/css" />
    <link href="../../../lib/css/list.css" rel="stylesheet" type="text/css" />
    <link href="../../../lib/css/uiGreenPacket.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="unlock" role="page" class="page hidden">
        <!-- header start -->
        <div class="">
            <!--<a id="btnMenu" role="button" href="javascript:;" class="nav-btn"></a>-->
            <!--<a id="btnUnlock" role="button" href="javascript:;" class="nav-btn"></a>-->
            <!--<a id="btnDashboard" role="button" href="javascript:;" class="nav-btn"></a>-->
            <!--<a id="btnShake" role="button" href="javascript:;" class="nav-btn"></a>-->
            <!--new start-->
            <div id="btnMenu" class="nav-bg btnMenu">
                <a href="javascript:;" class="nav_home">${nls.home}</a>
            </div>
            <div id="btnUnlock" class="nav-select-bg btnUnlock">
                <a href="javascript:;" class="nav_unlock">${nls.Unlock}</a>
            </div>
            <div id="btnShake" class="nav-bg btnShake">
                <a href="javascript:;" class="nav_shake">${nls.Shake}</a>
            </div>
            <div class="clear-both"></div>
        </div>
        <!-- header end -->

        <!-- content start -->
        <div class="ui-content laiSeesList">
            <div class="ui-container">
                <div id="laiSeesWrapper" class="laiSeesWrapper">
                    <div id="laiSeesScroller" class="laiSeesScroller"></div>
                </div>
                <div id="indicator" class="ui-indicator marginTop20"></div>
            </div>
        </div>
        <!-- content end -->

        <!-- footer start -->
        <div class="ui-footer unlock">
            <div class="pendingUnlock">
                <span id="pendingAmount" class="pendingAmount position"></span>
                <!--<span class="pendingDesc">${nls.pendingUnlock}</span>-->
            </div>
            <div id="unlockAll" class="unlockAll">
                <span id="unlockSign" class="unlockSign"></span>
                <span class="unlockDesc size14">${nls.unlockAll}</span>
            </div>
        </div>
        <!-- footer end -->

        <div id="unlockAll_popup" class="ui-popup hidden">
            <div class="ui-popup-wrapper unlockAll">
                <div class="ui-popup-content unlockAll">
                    <div class="margin50">
                        <span class="size13">${nls.areYouSure}</span>
                        <div class="ui-popup-buttonSection">
                            <a id="btnCancel" role="button" href="javascript:;" class="ui-btn-standard cancel">${nls.cancel}</a>
                            <a id="btnUnlockAll" role="button" href="javascript:;" class="ui-btn-standard allLock">${nls.unlock}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--timers div-->
        <div id="timer_unlock_div" class="timer_unlock_divcss3 dis-none"></div>
    </div>
</body>